<div id="navbarContainer">
    <div id="navbar">
        <div id="bubbleWrapper">
            <div id="bubble1" class="bubble">
                <span class="icon">
                    <i class="fas fa-bed"></i>
                </span>
            </div>
            <div id="bubble2" class="bubble">
                <span class="icon">
                    <i class="fas fa-chart-bar"></i>
                </span>
            </div>
            <div id="bubble3" class="bubble">
                <span class="icon">
                    <i class="fas fa-file-alt"></i>
                </span>
            </div>
            <div id="bubble4" class="bubble">
                <span class="icon">
                    <i class="fas fa-thumbs-up"></i>
                </span>
            </div>
            <div id="bubble5" class="bubble">
                <span class="icon">
                    <i class="fas fa-user"></i>
                </span>
            </div>
        </div>
        <div id="menuWrapper">
            <div id="menu1" class="menuElement" onclick="move('1','10%','index.html')">
                <i class="fas fa-bed"></i>
            </div>
            <div id="menu2" class="menuElement" onclick="move('2','30%','page2.html')">
                <i class="fas fa-chart-bar"></i>
            </div>
            <div id="menu3" class="menuElement" onclick="move('3','50%','page3.html')">
                <i class="fas fa-file-alt"></i>
            </div>
            <div id="menu4" class="menuElement" onclick="move('4','70%','page4.html')">
                <i class="fas fa-thumbs-up"></i>
            </div>
            <div id="menu5" class="menuElement" onclick="move('5','90%','page5.html')">
                <i class="fas fa-user"></i>
            </div>
            
        </div>
    </div>
    <div id="bgWrapper">
        <div id="bg"></div>
        <div id="bgBubble"></div>
    </div>
</div>

<svg width="0" height="0">
    <defs>
        <filter id="goo">
            <feGaussianBlur in="SourceGraphic" stdDeviation="20" result="blur" id="blurFilter"/>
            <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 30 -15" result="goo" />
            <feComposite in="SourceGraphic" in2="goo" operator="atop"/>
        </filter>
    </defs>
</svg>
